<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Document</title>
    <!-- Bootstrap -->
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../css/detailData.css">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script>window.location="../pages-ie/ResourcesDetails.html"</script>
    <![endif]-->
    <!-- 
    <style>
        ul,
        li {
            list-style: none;
            margin: 0;
            padding: 0;
            border-color: white;
        }

        li:hover,
        .active {
            /*border-top: 10px solid;*/
            border-color: #4fa5df;
            color: #4fa5df;
        }
    </style> -->


</head>

<body>
    <div class="wraper">
        <!-- 头部 -->
        <div class="head">
            <div class="head-c w">
                <img src="../img/Logo.png" alt="" srcset="">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">视频资源</a></li>
                    <li><a href="#">可执行文件</a></li>
                    <li><a href="#">音频资源</a></li>
                    <li><a href="#">文档资源</a></li>
                </ul>
                <div class="search">
                    <input type="text">
                    <span>搜索</span>
                    <div class="userImg">
                        <img src="../img/Logo.png" alt="" srcset="">
                    </div>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="content-c">
                <div class="content-c-top">
                    <ul class="breadcrumb" style="background-color: #eef4f8;margin-bottom:16px">
                        <li><a href="#">我的视频</a></li>
                        <li><a href="#" class="active">视频资料填写</a></li>

                    </ul>
                </div>
                <div class="content-c-bottom">
                    <div class="left">
                        <ul style="    width: 180px;
                        height: 194px;border:1px solid #cccccc">
                            <li style="width:180px;height:194px;padding-top: 13px;padding-left: 16px;">
                                <p><span style="color:red">*</span>封面图：</p>
                                <img src="../img/test/9252150_174018365301_2.jpg" style="width:140px;height: 140px;margin-top: 5px;">
                            </li>
                        </ul>
                    </div>
                    <div class="right">
                        <span class="form-left">
                            <!-- 左边表单部分 -->
                            <form class="form-horizontal" role="form">
                                <div class="form-group" style="height:30px;    margin-left: -6px;">
                                    <label for="c-time" class="col-sm-3 control-label"><span style="color:red">*</span>创建时间：</label>
                                    <div class="col-sm-6">
                                        <input type="text" id="c-time" placeholder="2018-10-10" style="width: 312px;
                                        height: 30px;padding-left:8px;    padding-left: 8px;position: relative;left: -25px;">
                                    </div>
                                </div>
                                <!-- 展开行 -->

                                <div  class="mingcheng">
                                    <div style="padding-left: 18px;"><i class="iconfont">&#xe65e;</i>&nbsp;<span class="blueFont">名称</span></div>
                                    <div id="timo" style="display:none;">
                                        <p >fjdsklgjlsdgjlsgjklsdjglksdjgfls;adfkjdglgj</p>
                                    </div>
                                    <label for="c-time" class="col-sm-3 control-label"><span style="color:red">*</span>创建时间：</label>
                                    <div class="col-sm-6">
                                        <input type="text" id="c-time" placeholder="2018-10-10" style="width: 312px;
                                        height: 30px;padding-left:8px;    padding-left: 8px;position: relative;left: -25px;">
                                    </div>
                                </div>
                    </div>

                    </form>
                    </span>
                    <span class="form-right">

                    </span>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer" style="margin-top: 200px;">
        <div class="footer-c w">
            <div class="first">
                <ul>

                    <li><a href="#">关于我们</a></li><span style="margin-left:15px;margin-right:15px">|</span>
                    <li><a href="#">帮助中心</a></li><span style="margin-left:15px;margin-right:15px">|</span>
                    <li><a href="#">联系我们</a></li><span style="margin-left:15px;margin-right:15px">|</span>
                    <li><a href="#">在线教学平台</a></li><span style="margin-left:15px;margin-right:15px">|</span>
                    <li><a href="#">英途信息技术</a>
                </ul>
            </div>
            <div class="line2"></div>
            <div class="sec mt ">
                <ul>
                    <li>由 英途信息技术 提供技术支持 CopyRight©2014 Mobile Inc. </li><span style="margin-left:15px;margin-right:15px">|</span>
                    <li>版权所有：广州市英途信息技术有限公司</li><span style="margin-left:15px;margin-right:15px">|</span>
                    <li> 粤ICP备10231381号-3号</li><span style="margin-left:15px;margin-right:15px">|</span>
                    <li> 电话：020-38921121 </li>
                </ul>
                <ul class="sec-md ">
                    <li>传真：020-85589057 </li><span style="margin-left:15px;margin-right:15px">|</span>
                    <li> 邮编：510635</li><span style="margin-left:15px;margin-right:15px">|</span>
                    <li> 邮箱：romen@etoinfo.com </li><span style="margin-left:15px;margin-right:15px">|</span>
                    <li> 地址：广州高新技术产业开发区科学城科学大道33号A栋2层206房</li>
                </ul>
            </div>

        </div>
    </div>
    </div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="./js/index.js"></script>
<script>
    $(function () {
        $('.mingcheng').click(function () {//点击a标签
            if ($('#timo').is(':hidden')) {//如果当前隐藏
                $('#timo').show();//那么就显示div
            } else {//否则
                $('#timo').hide();//就隐藏div
            }
        })
    })

</script>

</html>